<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2882935" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">笔记本</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">新手学堂</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">云下载</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">back</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">3.1点赞</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">pinglun</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">back</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe891;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabb;</span>
                <div class="name">笔记本电脑</div>
                <div class="code-name">&amp;#xeabb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabd;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xeabd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87c;</span>
                <div class="name">24gl-tags2</div>
                <div class="code-name">&amp;#xe87c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">学习</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">back</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">学习记录</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fb;</span>
                <div class="name">反馈</div>
                <div class="code-name">&amp;#xe8fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">back</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">暂无</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">进入</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">VIP</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">good</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">svip</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">vip</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">setting</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">Android更多</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">ZS返回</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">最新配置</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">浏览</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">gou</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">正确</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">后台2</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">后台10</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">后台11</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">后台12</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f8;</span>
                <div class="name">golf</div>
                <div class="code-name">&amp;#xe8f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">收藏选中</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">good</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">最新</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89e;</span>
                <div class="name">27账单</div>
                <div class="code-name">&amp;#xe89e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c3;</span>
                <div class="name">213喜欢</div>
                <div class="code-name">&amp;#xe8c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b9;</span>
                <div class="name">评论小</div>
                <div class="code-name">&amp;#xe8b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">最新</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">gold_</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec1e;</span>
                <div class="name">点</div>
                <div class="code-name">&amp;#xec1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabe;</span>
                <div class="name">打印机</div>
                <div class="code-name">&amp;#xeabe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabf;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xeabf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeafb;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xeafb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeafc;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xeafc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeafe;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xeafe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaff;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xeaff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb06;</span>
                <div class="name">箭头_上一页</div>
                <div class="code-name">&amp;#xeb06;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb07;</span>
                <div class="name">箭头_下一页</div>
                <div class="code-name">&amp;#xeb07;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba1;</span>
                <div class="name">金币_o</div>
                <div class="code-name">&amp;#xeba1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">go</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">推荐</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">账单</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">暂无</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">暂无</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe94f;</span>
                <div class="name">24gl-phonePause</div>
                <div class="code-name">&amp;#xe94f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe96a;</span>
                <div class="name">24gf-phonePause</div>
                <div class="code-name">&amp;#xe96a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea82;</span>
                <div class="name">24gf-playCircle</div>
                <div class="code-name">&amp;#xea82;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">后台管理</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">名校保录-1</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">后台管理-后台管理</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">微信支付</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">close_fill</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">remove2</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">remove-sm</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">计划任务</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">内容咨询</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">计划</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">分发内容</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">内容共享</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">更多内容</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">内容风控</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">错误</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">提醒</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">success-filling</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">数字1</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">数字2</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">数字4</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">数字5</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">数字6</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">数字3</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">数字7</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">数字9</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">数字0</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">数字8</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1640790786546'); /* IE9 */
  src: url('iconfont.eot?t=1640790786546#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1640790786546') format('woff'),
       url('iconfont.ttf?t=1640790786546') format('truetype'),
       url('iconfont.svg?t=1640790786546#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-bijiben"></span>
            <div class="name">
              笔记本
            </div>
            <div class="code-name">.icon-bijiben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinshouxuetang"></span>
            <div class="name">
              新手学堂
            </div>
            <div class="code-name">.icon-xinshouxuetang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunxiazai"></span>
            <div class="name">
              云下载
            </div>
            <div class="code-name">.icon-yunxiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              back
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-31dianzan"></span>
            <div class="name">
              3.1点赞
            </div>
            <div class="code-name">.icon-31dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun1"></span>
            <div class="name">
              pinglun
            </div>
            <div class="code-name">.icon-pinglun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-back"></span>
            <div class="name">
              back
            </div>
            <div class="code-name">.icon-back
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun2"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bijibendiannao"></span>
            <div class="name">
              笔记本电脑
            </div>
            <div class="code-name">.icon-bijibendiannao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-tags2"></span>
            <div class="name">
              24gl-tags2
            </div>
            <div class="code-name">.icon-24gl-tags2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexi"></span>
            <div class="name">
              学习
            </div>
            <div class="code-name">.icon-xuexi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-back1"></span>
            <div class="name">
              back
            </div>
            <div class="code-name">.icon-back1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexijilu"></span>
            <div class="name">
              学习记录
            </div>
            <div class="code-name">.icon-xuexijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fankui"></span>
            <div class="name">
              反馈
            </div>
            <div class="code-name">.icon-fankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-back2"></span>
            <div class="name">
              back
            </div>
            <div class="code-name">.icon-back2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanwu2"></span>
            <div class="name">
              暂无
            </div>
            <div class="code-name">.icon-zanwu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinru"></span>
            <div class="name">
              进入
            </div>
            <div class="code-name">.icon-jinru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouji"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.icon-shouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-vip"></span>
            <div class="name">
              VIP
            </div>
            <div class="code-name">.icon-vip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-good"></span>
            <div class="name">
              good
            </div>
            <div class="code-name">.icon-good
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-svip"></span>
            <div class="name">
              svip
            </div>
            <div class="code-name">.icon-svip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-vip1"></span>
            <div class="name">
              vip
            </div>
            <div class="code-name">.icon-vip1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-setting"></span>
            <div class="name">
              setting
            </div>
            <div class="code-name">.icon-setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-androidgengduo"></span>
            <div class="name">
              Android更多
            </div>
            <div class="code-name">.icon-androidgengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhui"></span>
            <div class="name">
              ZS返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-28"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icon-28
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuixinpeizhi"></span>
            <div class="name">
              最新配置
            </div>
            <div class="code-name">.icon-zuixinpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ai-out"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-ai-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liulan"></span>
            <div class="name">
              浏览
            </div>
            <div class="code-name">.icon-liulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gou"></span>
            <div class="name">
              gou
            </div>
            <div class="code-name">.icon-gou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_right"></span>
            <div class="name">
              正确
            </div>
            <div class="code-name">.icon-icon_right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtai2"></span>
            <div class="name">
              后台2
            </div>
            <div class="code-name">.icon-houtai2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtai10"></span>
            <div class="name">
              后台10
            </div>
            <div class="code-name">.icon-houtai10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtai11"></span>
            <div class="name">
              后台11
            </div>
            <div class="code-name">.icon-houtai11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtai12"></span>
            <div class="name">
              后台12
            </div>
            <div class="code-name">.icon-houtai12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-golf"></span>
            <div class="name">
              golf
            </div>
            <div class="code-name">.icon-golf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucangxuanzhong"></span>
            <div class="name">
              收藏选中
            </div>
            <div class="code-name">.icon-shoucangxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-good1"></span>
            <div class="name">
              good
            </div>
            <div class="code-name">.icon-good1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuixin"></span>
            <div class="name">
              最新
            </div>
            <div class="code-name">.icon-zuixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangdan"></span>
            <div class="name">
              27账单
            </div>
            <div class="code-name">.icon-zhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xihuan"></span>
            <div class="name">
              213喜欢
            </div>
            <div class="code-name">.icon-xihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglunxiao"></span>
            <div class="name">
              评论小
            </div>
            <div class="code-name">.icon-pinglunxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuixin1"></span>
            <div class="name">
              最新
            </div>
            <div class="code-name">.icon-zuixin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinggao1"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.icon-jinggao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo1"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gold_"></span>
            <div class="name">
              gold_
            </div>
            <div class="code-name">.icon-gold_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dian"></span>
            <div class="name">
              点
            </div>
            <div class="code-name">.icon-dian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dayinji"></span>
            <div class="name">
              打印机
            </div>
            <div class="code-name">.icon-dayinji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shipin"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.icon-shipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icon-tishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou_shangyiye"></span>
            <div class="name">
              箭头_上一页
            </div>
            <div class="code-name">.icon-jiantou_shangyiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou_xiayiye"></span>
            <div class="name">
              箭头_下一页
            </div>
            <div class="code-name">.icon-jiantou_xiayiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinbi_o"></span>
            <div class="name">
              金币_o
            </div>
            <div class="code-name">.icon-jinbi_o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-go"></span>
            <div class="name">
              go
            </div>
            <div class="code-name">.icon-go
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuijian"></span>
            <div class="name">
              推荐
            </div>
            <div class="code-name">.icon-tuijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangdan1"></span>
            <div class="name">
              账单
            </div>
            <div class="code-name">.icon-zhangdan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian1"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanwu"></span>
            <div class="name">
              暂无
            </div>
            <div class="code-name">.icon-zanwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanwu1"></span>
            <div class="name">
              暂无
            </div>
            <div class="code-name">.icon-zanwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-phonePause"></span>
            <div class="name">
              24gl-phonePause
            </div>
            <div class="code-name">.icon-24gl-phonePause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gf-phonePause"></span>
            <div class="name">
              24gf-phonePause
            </div>
            <div class="code-name">.icon-24gf-phonePause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gf-playCircle"></span>
            <div class="name">
              24gf-playCircle
            </div>
            <div class="code-name">.icon-24gf-playCircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtaiguanli"></span>
            <div class="name">
              后台管理
            </div>
            <div class="code-name">.icon-houtaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanting"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-zanting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian2"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanting1"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-zanting1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-svip1"></span>
            <div class="name">
              名校保录-1
            </div>
            <div class="code-name">.icon-svip1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtaiguanli-houtaiguanli"></span>
            <div class="name">
              后台管理-后台管理
            </div>
            <div class="code-name">.icon-houtaiguanli-houtaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixinzhifu"></span>
            <div class="name">
              微信支付
            </div>
            <div class="code-name">.icon-weixinzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhifubao"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.icon-zhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-closefill"></span>
            <div class="name">
              close_fill
            </div>
            <div class="code-name">.icon-closefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-remove2"></span>
            <div class="name">
              remove2
            </div>
            <div class="code-name">.icon-remove2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-remove-sm"></span>
            <div class="name">
              remove-sm
            </div>
            <div class="code-name">.icon-remove-sm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwu-active"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.icon-fuwu-active
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jihuarenwu"></span>
            <div class="name">
              计划任务
            </div>
            <div class="code-name">.icon-jihuarenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-neirongzixun"></span>
            <div class="name">
              内容咨询
            </div>
            <div class="code-name">.icon-neirongzixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jihua"></span>
            <div class="name">
              计划
            </div>
            <div class="code-name">.icon-jihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenfaneirong"></span>
            <div class="name">
              分发内容
            </div>
            <div class="code-name">.icon-fenfaneirong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-neironggongxiang"></span>
            <div class="name">
              内容共享
            </div>
            <div class="code-name">.icon-neironggongxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduoneirong"></span>
            <div class="name">
              更多内容
            </div>
            <div class="code-name">.icon-gengduoneirong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-neirongfengkong"></span>
            <div class="name">
              内容风控
            </div>
            <div class="code-name">.icon-neirongfengkong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cuowu"></span>
            <div class="name">
              错误
            </div>
            <div class="code-name">.icon-cuowu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinggao"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.icon-jinggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tixing"></span>
            <div class="name">
              提醒
            </div>
            <div class="code-name">.icon-tixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-success-filling"></span>
            <div class="name">
              success-filling
            </div>
            <div class="code-name">.icon-success-filling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi1"></span>
            <div class="name">
              数字1
            </div>
            <div class="code-name">.icon-shuzi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi2"></span>
            <div class="name">
              数字2
            </div>
            <div class="code-name">.icon-shuzi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi4"></span>
            <div class="name">
              数字4
            </div>
            <div class="code-name">.icon-shuzi4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi5"></span>
            <div class="name">
              数字5
            </div>
            <div class="code-name">.icon-shuzi5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi6"></span>
            <div class="name">
              数字6
            </div>
            <div class="code-name">.icon-shuzi6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi3"></span>
            <div class="name">
              数字3
            </div>
            <div class="code-name">.icon-shuzi3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi7"></span>
            <div class="name">
              数字7
            </div>
            <div class="code-name">.icon-shuzi7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi9"></span>
            <div class="name">
              数字9
            </div>
            <div class="code-name">.icon-shuzi9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi0"></span>
            <div class="name">
              数字0
            </div>
            <div class="code-name">.icon-shuzi0
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi8"></span>
            <div class="name">
              数字8
            </div>
            <div class="code-name">.icon-shuzi8
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bijiben"></use>
                </svg>
                <div class="name">笔记本</div>
                <div class="code-name">#icon-bijiben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinshouxuetang"></use>
                </svg>
                <div class="name">新手学堂</div>
                <div class="code-name">#icon-xinshouxuetang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunxiazai"></use>
                </svg>
                <div class="name">云下载</div>
                <div class="code-name">#icon-yunxiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">back</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-31dianzan"></use>
                </svg>
                <div class="name">3.1点赞</div>
                <div class="code-name">#icon-31dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun1"></use>
                </svg>
                <div class="name">pinglun</div>
                <div class="code-name">#icon-pinglun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-back"></use>
                </svg>
                <div class="name">back</div>
                <div class="code-name">#icon-back</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun2"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bijibendiannao"></use>
                </svg>
                <div class="name">笔记本电脑</div>
                <div class="code-name">#icon-bijibendiannao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-tags2"></use>
                </svg>
                <div class="name">24gl-tags2</div>
                <div class="code-name">#icon-24gl-tags2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuexi"></use>
                </svg>
                <div class="name">学习</div>
                <div class="code-name">#icon-xuexi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-back1"></use>
                </svg>
                <div class="name">back</div>
                <div class="code-name">#icon-back1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuexijilu"></use>
                </svg>
                <div class="name">学习记录</div>
                <div class="code-name">#icon-xuexijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fankui"></use>
                </svg>
                <div class="name">反馈</div>
                <div class="code-name">#icon-fankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-back2"></use>
                </svg>
                <div class="name">back</div>
                <div class="code-name">#icon-back2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanwu2"></use>
                </svg>
                <div class="name">暂无</div>
                <div class="code-name">#icon-zanwu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinru"></use>
                </svg>
                <div class="name">进入</div>
                <div class="code-name">#icon-jinru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouji"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#icon-shouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-vip"></use>
                </svg>
                <div class="name">VIP</div>
                <div class="code-name">#icon-vip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-good"></use>
                </svg>
                <div class="name">good</div>
                <div class="code-name">#icon-good</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-svip"></use>
                </svg>
                <div class="name">svip</div>
                <div class="code-name">#icon-svip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-vip1"></use>
                </svg>
                <div class="name">vip</div>
                <div class="code-name">#icon-vip1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-setting"></use>
                </svg>
                <div class="name">setting</div>
                <div class="code-name">#icon-setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-androidgengduo"></use>
                </svg>
                <div class="name">Android更多</div>
                <div class="code-name">#icon-androidgengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">ZS返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-28"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icon-28</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuixinpeizhi"></use>
                </svg>
                <div class="name">最新配置</div>
                <div class="code-name">#icon-zuixinpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai-out"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-ai-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liulan"></use>
                </svg>
                <div class="name">浏览</div>
                <div class="code-name">#icon-liulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gou"></use>
                </svg>
                <div class="name">gou</div>
                <div class="code-name">#icon-gou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_right"></use>
                </svg>
                <div class="name">正确</div>
                <div class="code-name">#icon-icon_right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtai2"></use>
                </svg>
                <div class="name">后台2</div>
                <div class="code-name">#icon-houtai2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtai10"></use>
                </svg>
                <div class="name">后台10</div>
                <div class="code-name">#icon-houtai10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtai11"></use>
                </svg>
                <div class="name">后台11</div>
                <div class="code-name">#icon-houtai11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtai12"></use>
                </svg>
                <div class="name">后台12</div>
                <div class="code-name">#icon-houtai12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-golf"></use>
                </svg>
                <div class="name">golf</div>
                <div class="code-name">#icon-golf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucangxuanzhong"></use>
                </svg>
                <div class="name">收藏选中</div>
                <div class="code-name">#icon-shoucangxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-good1"></use>
                </svg>
                <div class="name">good</div>
                <div class="code-name">#icon-good1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuixin"></use>
                </svg>
                <div class="name">最新</div>
                <div class="code-name">#icon-zuixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhangdan"></use>
                </svg>
                <div class="name">27账单</div>
                <div class="code-name">#icon-zhangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xihuan"></use>
                </svg>
                <div class="name">213喜欢</div>
                <div class="code-name">#icon-xihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglunxiao"></use>
                </svg>
                <div class="name">评论小</div>
                <div class="code-name">#icon-pinglunxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuixin1"></use>
                </svg>
                <div class="name">最新</div>
                <div class="code-name">#icon-zuixin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinggao1"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#icon-jinggao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo1"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gold_"></use>
                </svg>
                <div class="name">gold_</div>
                <div class="code-name">#icon-gold_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dian"></use>
                </svg>
                <div class="name">点</div>
                <div class="code-name">#icon-dian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dayinji"></use>
                </svg>
                <div class="name">打印机</div>
                <div class="code-name">#icon-dayinji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipin"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#icon-shipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icon-tishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou_shangyiye"></use>
                </svg>
                <div class="name">箭头_上一页</div>
                <div class="code-name">#icon-jiantou_shangyiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou_xiayiye"></use>
                </svg>
                <div class="name">箭头_下一页</div>
                <div class="code-name">#icon-jiantou_xiayiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinbi_o"></use>
                </svg>
                <div class="name">金币_o</div>
                <div class="code-name">#icon-jinbi_o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-go"></use>
                </svg>
                <div class="name">go</div>
                <div class="code-name">#icon-go</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuijian"></use>
                </svg>
                <div class="name">推荐</div>
                <div class="code-name">#icon-tuijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhangdan1"></use>
                </svg>
                <div class="name">账单</div>
                <div class="code-name">#icon-zhangdan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian1"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanwu"></use>
                </svg>
                <div class="name">暂无</div>
                <div class="code-name">#icon-zanwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanwu1"></use>
                </svg>
                <div class="name">暂无</div>
                <div class="code-name">#icon-zanwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-phonePause"></use>
                </svg>
                <div class="name">24gl-phonePause</div>
                <div class="code-name">#icon-24gl-phonePause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gf-phonePause"></use>
                </svg>
                <div class="name">24gf-phonePause</div>
                <div class="code-name">#icon-24gf-phonePause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gf-playCircle"></use>
                </svg>
                <div class="name">24gf-playCircle</div>
                <div class="code-name">#icon-24gf-playCircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtaiguanli"></use>
                </svg>
                <div class="name">后台管理</div>
                <div class="code-name">#icon-houtaiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanting"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-zanting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian2"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanting1"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-zanting1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-svip1"></use>
                </svg>
                <div class="name">名校保录-1</div>
                <div class="code-name">#icon-svip1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtaiguanli-houtaiguanli"></use>
                </svg>
                <div class="name">后台管理-后台管理</div>
                <div class="code-name">#icon-houtaiguanli-houtaiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixinzhifu"></use>
                </svg>
                <div class="name">微信支付</div>
                <div class="code-name">#icon-weixinzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhifubao"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#icon-zhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-closefill"></use>
                </svg>
                <div class="name">close_fill</div>
                <div class="code-name">#icon-closefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-remove2"></use>
                </svg>
                <div class="name">remove2</div>
                <div class="code-name">#icon-remove2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-remove-sm"></use>
                </svg>
                <div class="name">remove-sm</div>
                <div class="code-name">#icon-remove-sm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwu-active"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#icon-fuwu-active</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jihuarenwu"></use>
                </svg>
                <div class="name">计划任务</div>
                <div class="code-name">#icon-jihuarenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-neirongzixun"></use>
                </svg>
                <div class="name">内容咨询</div>
                <div class="code-name">#icon-neirongzixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jihua"></use>
                </svg>
                <div class="name">计划</div>
                <div class="code-name">#icon-jihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenfaneirong"></use>
                </svg>
                <div class="name">分发内容</div>
                <div class="code-name">#icon-fenfaneirong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-neironggongxiang"></use>
                </svg>
                <div class="name">内容共享</div>
                <div class="code-name">#icon-neironggongxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduoneirong"></use>
                </svg>
                <div class="name">更多内容</div>
                <div class="code-name">#icon-gengduoneirong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-neirongfengkong"></use>
                </svg>
                <div class="name">内容风控</div>
                <div class="code-name">#icon-neirongfengkong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cuowu"></use>
                </svg>
                <div class="name">错误</div>
                <div class="code-name">#icon-cuowu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinggao"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#icon-jinggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tixing"></use>
                </svg>
                <div class="name">提醒</div>
                <div class="code-name">#icon-tixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-success-filling"></use>
                </svg>
                <div class="name">success-filling</div>
                <div class="code-name">#icon-success-filling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi1"></use>
                </svg>
                <div class="name">数字1</div>
                <div class="code-name">#icon-shuzi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi2"></use>
                </svg>
                <div class="name">数字2</div>
                <div class="code-name">#icon-shuzi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi4"></use>
                </svg>
                <div class="name">数字4</div>
                <div class="code-name">#icon-shuzi4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi5"></use>
                </svg>
                <div class="name">数字5</div>
                <div class="code-name">#icon-shuzi5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi6"></use>
                </svg>
                <div class="name">数字6</div>
                <div class="code-name">#icon-shuzi6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi3"></use>
                </svg>
                <div class="name">数字3</div>
                <div class="code-name">#icon-shuzi3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi7"></use>
                </svg>
                <div class="name">数字7</div>
                <div class="code-name">#icon-shuzi7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi9"></use>
                </svg>
                <div class="name">数字9</div>
                <div class="code-name">#icon-shuzi9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi0"></use>
                </svg>
                <div class="name">数字0</div>
                <div class="code-name">#icon-shuzi0</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi8"></use>
                </svg>
                <div class="name">数字8</div>
                <div class="code-name">#icon-shuzi8</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
